<div class="auth-panel-form">
    <div class="align-items-center d-flex h-100">
        <div class="card-body">
            <h4 class="mt-0 mb-1">注册</h4>
            <p class="text-muted mb-2">还没有帐号？创建您的帐户</p>
            <form id="register">
                <div class="form-group mb-2">
                    <label class="mb-1" for="username">用户名</label>
                    <input class="form-control" name="username" type="text" id="username" autocomplete="off" placeholder="请输入账号" required>
                </div>
                <div class="form-group mb-2">
                    <label class="mb-1" for="invitecode">邀请码</label>
                    <input oninput="handleValidator" class="form-control" name="invitecode" autocomplete="off" type="text" id="invitecode" required placeholder="请找管理员获取邀">
                </div>
                <div class="form-group mb-2">
                    <label class="mb-1" for="password">密码</label>
                    <input oninput="handleValidator()" class="form-control" name="password" type="password" required id="password" placeholder="请输入密码">
                </div>
                <div class="form-group mb-2">
                    <label class="mb-1" for="password2">重复密码</label>
                    <input oninput="handleValidator()" class="form-control" type="password" required id="password2" placeholder="请再次输入密码">
                </div>
                <div class="form-group">
                    <label for="code">验证码</label>
                    <input class="form-control" name="code" type="text" required="" id="code" autocomplete="off" placeholder="请输入图片中的验证码" maxlength="6">
                    <span class="mt-1 mb-1 d-inline-block">请输入下面动画图片中的字符</span>
                    <br />
                    <img width="140px" height="60px" id="captcha" onclick="getCode()" style="cursor: pointer">
                </div>
                <div class="form-group mb-2">
                    <div class="custom-control custom-checkbox">
                        <input name="check" type="checkbox" class="custom-control-input" id="checkbox-signup">
                        <label class="custom-control-label" for="checkbox-signup">我接受<a href="#!" class="text-muted">我接受条款和条件</a></label>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-8">
                        <div class="form-group mb-0">
                            <button id="register-btn" disabled class="btn btn-primary btn-block" type="button"> 注册 </button>
                        </div>
                    </div>
                </div>
                <hr class="my-3">
                <div class="text-center">
                    <p class="text-muted font-16">You may also <b>Sign up</b> using</p>
                    <ul class="social-list list-inline mt-2 mb-0">
                        <li class="list-inline-item">
                            <a href="#!" class="social-btn border-primary bg-primary text-white"><i class="mdi mdi-facebook"></i></a>
                        </li>
                        <li class="list-inline-item">
                            <a href="#!" class="social-btn border-danger bg-danger text-white"><i class="mdi mdi-google"></i></a>
                        </li>
                        <li class="list-inline-item">
                            <a href="#!" class="social-btn border-info bg-info text-white"><i class="mdi mdi-twitter"></i></a>
                        </li>
                    </ul>
                </div>
            </form>
            <!-- Footer-->
            <footer class="footer footer-alt">
                <p class="text-muted">已经有帐号? <a href="/login" class="text-muted ml-1"><b>登录</b></a></p>
            </footer>
        </div>
    </div>
</div>